
:root {
  --animate-duration:0.5s;
}

.el-link--inner {
  margin: 0.1rem;
  font-size: 1rem;
}

// nprogress
#nprogress .bar {
  &::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1rem;
    height: 1rem;

    // background-image: url("~@/assets/sys/run.svg");
    background-position: center;
    background-size: 1rem 1rem;
  }
}

// el-image
.el-image {
  border-radius: 0.3rem !important;
  .el-image__inner {
    transition: 0.3s all;
  }
  &:hover {
    .el-image__inner {
      transform: scale(1.2) !important;
    }
  }
}

// 显示遮罩
.el-image-viewer__wrapper {
  animation-name: fadeInUp;
  animation-duration: 0.3s;
}

// cover some element-ui styles
// table hover
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #d4d9db !important;
}
.el-col {
  padding: 1rem;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload {
  input[type="file"] {
    display: none !important;
  }
}

.el-upload__input {
  display: none;
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  position: relative;
  left: 0;
  margin: 0 auto;
  transform: none;
}

// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
